<extend name="Index::index"/>
<block name="title"><title>个人信息</title></block>
<block name="main">
<!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
        <ul class="nav navbar-nav nav_1">
            <li><a class="color" href="{:U('index')}">首页</a></li>
            <foreach name="list" item="val">
    		<li class="dropdown mega-dropdown active">
			    <a class="color1" href="#" class="dropdown-toggle" data-toggle="dropdown">{$val['name']}<span class="caret"></span></a>				
				<div class="dropdown-menu ">
                    <div class="menu-top">
						<div class="col1">
							<div class="h_nav">
								<h4>{$val['name']}</h4>
									<ul>
									<notempty name="val.son">
									 <foreach name="val.son" item="v">
										<li><a href="{:U('Index/product')}">{$v['name']}</a></li>
									</foreach>
									<else/>
									没有子类
									</notempty>	
									</ul>	
							</div>			
						</div>		
						<div class="col1 col5">
						<img src="__PUBLIC__/Images/me.png" class="img-responsive" alt="">
						</div>
						<div class="clearfix"></div>
					</div>                  
				</div>				
			</li>
	</foreach>
        </ul>
     </div><!-- /.navbar-collapse -->

</nav>
			</div>
			<div class="col-sm-2 search-right">
				<ul class="heart">
				<li>
				<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
				</li>
				<li><a class="play-icon popup-with-zoom-anim" href="#small-dialog"><i class="glyphicon glyphicon-search"> </i></a></li>
					</ul>
					<div class="clearfix"> </div>
					
						<!----->

						<!---pop-up-box---->					  
			<link href="__PUBLIC__/Css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
			<script src="__PUBLIC__/js/jquery.magnific-popup.js" type="text/javascript"></script>
			<!---//pop-up-box---->
			<div id="small-dialog" class="mfp-hide">
				<div class="search-top">
					<div class="login-search">
						<input type="submit" value="">
						<input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search..';}">		
					</div>
					<p>Shopin</p>
				</div>				
			</div>
		 <script>
			$(document).ready(function() {
			$('.popup-with-zoom-anim').magnificPopup({
			type: 'inline',
			fixedContentPos: false,
			fixedBgPos: true,
			overflowY: 'auto',
			closeBtnInside: true,
			preloader: false,
			midClick: true,
			removalDelay: 300,
			mainClass: 'my-mfp-zoom-in'
			});
																						
			});
		</script>		
						<!----->
			</div>
			<div class="clearfix"></div>
		</div>	
	</div>	
</div>
<!--banner-->
<div class="banner-top">
	<div class="container">
		<h1>个人信息</h1>
		<em></em>
		<h2><a href="{:U('Index/index')}">主页</a><label>/</label>个人信息</a></h2>
	</div>
</div>
<div id="main">
	<div class="goods">
		<div class="person_left">
			<ul>
				<a href="{:U('Index/personinfo')}"><li><span style="line-height:100px;">个人信息</span></li></a>
				<a href="{:U('Index/personmodify')}"><li><span  style="line-height:100px;">修改密码</span></li></a>
				<a href="{:U('Index/personorder')}"><li><span  style="line-height:100px;">查看订单</span></li></a>
			</ul>
		</div>
		<div class="person_right">
		<div style="width:450px;box-shadow:0px 0px 20px #F67777;margin:10px auto;">
		<notempty name="res1">
			<foreach name="res1" item="res">
			<table cellspacing="0" cellpadding="5" style="" width="400" height="400">
				<tr>
					<td> 头像:</td>
					<td><img src="__ROOT__{$res['face']}" alt="" /></td>
				</tr>
				<tr>
					<td> ID号:</td>
					<td>{$res['id']}</td>
				</tr>
				<tr>
					<td> 昵称:</td>
					<td>{$res['name']}</td>
				</tr>
				<tr>
					<td> 年龄:</td>
					<td>{$res['age']}</td>
				</tr>
				<tr>
					<td> 性别:</td>
					<td><input type="radio" name="sex" disabled {$res['sex']?'checked':''}>男
						<input type="radio" name="sex" disabled {$res['sex']?'':'checked'}>女
					</td>
				</tr>
				<tr>
					<td> 生日:</td>
					<td>{$res['birthday']}</td>
				</tr>
				<tr>
					<td> Tel:</td>
					<td>{$res['tel']}</td>
				</tr>
				<tr>
					<td> QQ:</td>
					<td>{$res['qq']}</td>
				</tr>
				<tr>
					<td> E-mail:</td>
					<td>{$res['email']}</td>
				</tr>
				<tr>
					<td> 登录时间:</td>
					<td>{$res['logintime']}</td>
				</tr>
			</table>
			<!--<a href="{:U('Index/infocomplete')}"><button style="margin-left:150px;width:100px;height:40px;background:#F67777;border:0;border-radius:10px;margin-bottom:10px;">完善信息</button></a>-->
			</foreach>
			<else/>

			<h3 style="margin:20px 160px;padding-top:10px;font-size:26px;">完善信息</h3>
			<form action="{:U('Index/infocomplete')}" style="padding-bottom:20px;" enctype="multipart/form-data" method="post">
				<label style="margin-left:80px;">
					<span style="font-size:22px;">昵 称 :</span> 
					<input type="text" name="name" placeholder="请输入昵称" style="" />
				</label><br/><br/>
				<label style="margin-left:80px;">
					<span style="font-size:22px;">年 龄 :</span> 
					<input type="text" name="age" placeholder="请输入年龄" style="" />
				</label><br/><br/>
				<span style="font-size:22px;margin-left:80px;">性 别 : &nbsp;
					<input type="radio" name="sex" value="1" style="margin-left:0px;" />男 &nbsp;
					<input type="radio" name="sex" value="2" style="margin-left:0px;" />女
				</span><br/><br/>
				<label style="margin-left:80px;">
					<span style="font-size:22px;">生 日 :</span> 
					<input type="text" name="birthday" placeholder="请输入生日" style="" />
				</label><br/><br/>
				<label style="margin-left:80px;">
					<span style="font-size:22px;">TEL :</span> 
					<input type="text" name="tel" placeholder="请输入电话号码" style="" />
				</label><br/><br/>
				<label style="margin-left:80px;">
					<span style="font-size:22px;">Q Q :</span> 
					<input type="text" name="qq" placeholder="请输入QQ号码" style="" />
				</label><br/><br/>
				<label style="margin-left:80px;">
					<span style="font-size:22px;">E-mail:</span>
					<input type="text" name="email" placeholder="请输入E-mail" style="" />
				</label><br/><br/>
				<label style="margin-left:80px;">
					<span style="font-size:22px;">头 像 :</span>
					<input type="file" name="myfile" style="" />
				</label><br/>
				<button style="margin-left:150px;margin-top:20px;width:100px;height:40px;background:#F67777;border:0;border-radius:10px;">提交</button>
			</form>
			</notempty>
		</div>
		</div>	
	</div>
</div>
<div class="clear"></div>
</block>